@charset "UTF-8";
html body, html body span, html body nav, html body p, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body input, html body a, html body form, html body table, html body fieldset, html body legend, html body ul, html body ol, html body dl, html body dl dt, html body dl dd, html body img {
  margin: 0;
  padding: 0; }

html {
  height: 100%; }
  html body {
    height: 100%;
    background-color: #ddd;
    font-family: "微软雅黑"; }
    html body p, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
      font-weight: 100; }
    html body input, html body a {
      outline: none; }
    html body a {
      text-decoration: none;
      color: #333; }
    html body a:hover {
      text-decoration: none; }
    html body ul li, html body ol li {
      list-style: none; }
    html body img {
      display: block;
      border: 0; }
    html body fieldset {
      border: 0; }

#nav div ul li img {
  width: 180px;
  height: 140px;
  margin: auto; }

#nav div ul li h2 {
  font-size: 16px;
  margin: 5px 0;
  font-weight: 500;
  text-align: center; }

#nav div ul li p {
  font-size: 12px;
  text-align: center; }

#nav div ul li span {
  display: block;
  color: red;
  font-size: 14px;
  margin-top: 10px;
  text-align: center; }

#nav div ul li {
  width: 16%;
  background-color: #fff;
  display: flex;
  flex-direction: column; }

#header #left span, #header #right span {
  float: left;
  margin: 0px 8px;
  font-size: 12px;
  line-height: 40px;
  opacity: .7; }

#header-wrap {
  background-color: #333; }

#header {
  width: 1180px;
  height: 40px;
  margin: auto;
  background-color: #333;
  color: #ccc;
  line-height: 40px;
  font-size: 10px; }
  #header a {
    color: #ccc; }
  #header #left {
    float: left; }
    #header #left li {
      float: left; }
  #header #right {
    float: right; }
    #header #right li {
      float: left; }
      #header #right li #login, #header #right li #res {
        float: right;
        margin: 0px 10px; }
    #header #right button {
      float: right;
      width: 124px;
      height: 40px;
      border: none;
      outline: none;
      background-color: #333;
      opacity: .9;
      color: #ccc;
      line-height: 40px;
      font-size: 10px;
      text-align: center; }
  #header a:hover {
    color: #fff; }

#nav-wrap {
  background-color: #fff;
  position: relative; }

#nav {
  width: 1180px;
  height: 80px;
  background-color: #fff;
  margin: auto;
  display: flex; }
  #nav h1 {
    height: 80px;
    line-height: 80px;
    width: 240px;
    font-size: 30px; }
    #nav h1 span {
      float: left; }
    #nav h1 #logo {
      display: block;
      float: left;
      width: 50px;
      height: 50px;
      line-height: 80px;
      margin-top: 15px;
      background: url(../img/1.GIF) no-repeat left center/contain; }
  #nav ul {
    width: 700px;
    line-height: 80px;
    font-size: 18px;
    display: flex; }
    #nav ul li {
      margin-right: 50px; }
      #nav ul li a {
        color: #333; }
      #nav ul li a:hover {
        color: red; }
  #nav div {
    display: none;
    width: 100%;
    height: 280px;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 80px;
    z-index: 99;
    width: 100%; }
    #nav div ul {
      width: 1180px;
      display: flex;
      justify-content: space-between;
      margin: auto; }
      #nav div ul li {
        margin-right: 0; }

#footer-wrap {
  background-color: #fff; }

#footer {
  width: 1180px;
  height: 280px;
  border-bottom: 1px solid #e8e8e8;
  background-color: #fff;
  margin: auto; }
  #footer #fleft {
    width: 580px;
    float: left;
    padding-top: 40px;
    color: #262626;
    text-align: center; }
    #footer #fleft p {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 45px; }
    #footer #fleft ul {
      width: 100%;
      display: flex;
      justify-content: space-around; }
      #footer #fleft ul li {
        display: flex;
        flex-direction: column;
        font-size: 16px; }
        #footer #fleft ul li .glyphicon {
          font-size: 64px;
          margin-bottom: 20px; }
  #footer #fmain {
    width: 362px;
    height: 200px;
    float: left;
    padding: 0 42px;
    margin-top: 43px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-size: 18px;
    color: #262626;
    font-size: 18px; }
    #footer #fmain p {
      font-weight: 500;
      margin-bottom: 25px; }
    #footer #fmain ul {
      width: 100%;
      display: flex;
      justify-content: space-around; }
      #footer #fmain ul li {
        display: flex;
        flex-direction: column;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        font-size: 16px; }
        #footer #fmain ul li #w {
          display: block;
          height: 85px;
          width: 85px;
          background: url(https://mall02.sogoucdn.com/image/2019/03/25/20190325140401_4613.jpg) no-repeat left center/contain;
          margin-bottom: 20px; }
        #footer #fmain ul li #x {
          display: block;
          height: 85px;
          width: 85px;
          background: url(https://mall02.sogoucdn.com/image/2019/03/25/20190325140414_4614.jpg) no-repeat left center/contain;
          margin-bottom: 20px; }
  #footer #fright {
    width: 235px;
    float: left;
    padding-top: 40px; }
    #footer #fright span {
      display: block;
      width: 175px;
      height: 200px;
      margin: auto;
      background: url(../img/4.GIF) no-repeat left center/contain; }

#bottom-wrap {
  background-color: #fff; }

#bottom {
  width: 1180px;
  margin: auto;
  text-align: center;
  padding-bottom: 40px; }
  #bottom .links {
    padding-top: 53px;
    line-height: 30px;
    color: #8c8c8c;
    font-size: 12px; }
    #bottom .links a {
      color: #8c8c8c;
      margin: 0 10px; }
  #bottom .copyright {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 30px; }
    #bottom .copyright a {
      color: #8c8c8c; }

#main-wrap {
  background-color: #fff; }

#main {
  width: 1180;
  background-color: #ddd;
  position: relative; }
  #main ul {
    width: 100%; }
    #main ul .box {
      margin: 20px 20px 0px 20px;
      display: flex; }
      #main ul .box .box1, #main ul .box .box2 {
        margin-right: 20px;
        display: flex; }
        #main ul .box .box1 b, #main ul .box .box2 b {
          font-size: 18px;
          font-weight: 300;
          margin-right: 10px; }
        #main ul .box .box1 .updown, #main ul .box .box2 .updown {
          display: flex;
          flex-direction: column; }
    #main ul ul {
      width: 100%;
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
      padding: 20px; }
      #main ul ul li {
        width: 23%;
        height: 300px;
        margin-bottom: 20px;
        background-color: #fff;
        margin-left: 1%; }
        #main ul ul li img {
          width: 90%;
          height: 200px;
          margin: auto; }
        #main ul ul li h2 {
          font-size: 16px;
          margin: 5px 0;
          font-weight: 500;
          text-align: center; }
        #main ul ul li p {
          font-size: 12px;
          text-align: center; }
        #main ul ul li span {
          display: block;
          color: red;
          font-size: 14px;
          margin-top: 10px;
          text-align: center; }
  #main ol {
    position: absolute;
    left: 50%;
    bottom: 0;
    display: flex; }
    #main ol li, #main ol button {
      display: inline-block;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border: none;
      outline: none;
      background-color: none; }
